<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
</head>

<body>
<div id="wrap">
	<div id="wrapin">
		
		<div id="top">
			<div id="logo">
				<a href="#"></a>
			</div>
			
			<div id="topright">
				
				<div id="toprighttop">
					<div id="search">
						<form action="#" method="get" >
							<input name="q" maxlength="50" type="text" value="" class="redborder" />
							<a class="search_btn" href="#">Search</a> 
						</form>
					</div>
					<div id="lang">
						Language:
						<div id="langchange">
							<span></span>
							<a class="current" href="#">English</a>
							<a href="#">Bulgarian</a>							
						</div>
					</div>
				</div>
				
				<div id="menu">
					<ul>
					<li><a href="">Home</a></li>
					<li><a href="">About us</a></li>
					<li><a href="">News</a></li>
					<li><a href="">Program</a></li>
					<li class="isparent"><a href="">Registration</a>
						<ul>
						<li><a href="">Information</a></li>
						<li><a href="">Registration form</a></li>
						</ul>
					</li>
					<li><a class="blue" href="">login</a></li>
					</ul>
				</div>
				
			</div>
		</div><!--#top-->
		
		<div id="content">
			
			<div class="left full">
				
				<h1>Tariffs</h1><br>
				
				<p>
				<div class="options">
				  <a href="#">Choose City</a>
				  <a href="#volvo">Volvo</a>
				  <a href="#saab">Saab</a>
				  <a href="#mercedes">Mercedes</a>
				  <a href="#audi">Audi</a>
				</div>
				
				<div class="options">
				  <a href="#">Choose Location</a>
				  <a href="#volvo">Volvo</a>
				  <a href="#saab">Saab</a>
				  <a href="#mercedes">Mercedes</a>
				  <a href="#audi">Audi</a>
				</div>
				</p>
				
				<table class="tariffs" width="100%">
					<tr>
						<td>Zone</td>
						<td>15 min</td>
						<td>30 min</td>
						<td>1 hour</td>
						<td>2 hours</td>
						<td>3 hours</td>
						<td>4 hours</td>
					</tr>
					<tr class="green">
						<td>Green</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
					</tr>
					<tr class="yellow">
						<td>Yellow</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
					</tr>
					<tr class="red">
						<td>Red</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
						<td>0.25€</td>
					</tr>
				</table>

				
				
				
				
			</div>
			
		</div>
		
	</div>
</div>
<div id="footerwrap">
	<div id="footer">
		<div id="footleft">
			<h3>Latest News</h3>
			
			<div class="new">
				<div class="title"><a href="#">This is title of the news</a></div>
				<div class="date">21.06.2013</div>
				<div class="content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				</div>
				<a class="readmore" href="#">Read more</a>
			</div>
			
			<div class="new">
				<div class="title"><a href="#">This is title of the news</a></div>
				<div class="date">21.06.2013</div>
				<div class="content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				</div>
				<a class="readmore" href="#">Read more</a>
			</div>
			
			
		</div>
		<div id="footright">
			<h3>Contact us</h3>
			
			Móvel: +351 91 4439564<br>
			Telefone: +351 308800769<br>
			Sede: Rua Ruivo Godinho, lote 6, R/C esq.<br>
			Castelo Branco 6000-275, Portugal<br>
			Email: office@olapark.pt
			
			<div class="social">
				<a class="fb" href="#"></a>
				<a class="tw" href="#"></a>
				<a class="sk" href="#"></a>
			</div>
		</div>
		<div id="footbot">
			<div id="copy">
				Copyright © 2013 OLAPARK. All rights reserved.
			</div>
			<div id="footmenu">
				<a href="#">Terms of Use</a>
				<a href="#">FAQ</a>
				<a href="#">Sitemap</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>
